<template>
    <div class="box">
        <van-empty description="未认证" class="topbox">
            <van-button type="info" color=#5081F3 @click="qrz">去认证</van-button>
        </van-empty>
        <van-grid class="boyyombox">
            <van-grid-item color="#5081F3" icon="description-o" text="港口业务申报" />
            <van-grid-item icon="points" text="申报记录查询" />
            <van-grid-item icon="volume-o" text="申报结果通知" />
        </van-grid>
    </div>
</template>

<script scoped>
    export default {
        data() {
            return {

            }
        },
        created() {

        },
        mounted() {

        },
        methods: {
            qrz() {
                this.$router.push('/qrz')
            }
        },
    }
</script>

<style scoped lang="less">
    .topbox {
        margin-top: 15%;
    }

    .box {
        overflow: hidden;
        width: 100%;
        height: 100vh;
    }

    .van-grid-item {
        flex-basis: 29% !important;
    }

    .van-grid-item__icon {
        color: #5081F3;
    }

    .boyyombox {
        height: 30vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
</style>